<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>风盾金控服务平台-产品列表</title>
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<link th:href="@{/loanStatic/home/css/cate.css}" rel="stylesheet" type="text/css" />
<link th:href="@{/loanStatic/home/css/iscroll.css}" rel="stylesheet" type="text/css" />
<script type="text/javascript" th:src="@{/loanStatic/home/js/iscroll.js}"></script>
<script type="text/javascript">
var myScroll;
	function loaded() {
		myScroll = new iScroll('wrapper', {
			snap: true,
			momentum: false,
			hScrollbar: false,
			onScrollEnd: function () {
			document.querySelector('#indicator > li.active').className = '';
			document.querySelector('#indicator > li:nth-child(' + (this.currPageX+1) + ')').className = 'active';
		}
	});
 
}
document.addEventListener('DOMContentLoaded', loaded, false);
</script>

</head>

<body style="background:#1b5d93;">
<script type="text/javascript" th:src="@{/loanStatic/home/js/jquery.min.js}"></script>
<div class="banner" style="background-color:#e7e4e7;text-align: center;height: 50px;font-size: 23px;">
	<div>产品列表</div>
	<div class="clr"></div>
</div>
<ul class="mainmenu">
	<li style="float: none;width:90%">
		<a href="/" style="width: 42.5%;float:left">
			<p><img th:src="@{/loanStatic/home/images/tb02.png}" /><span>借款产品01</span></p>
			<!-- <b>关于我们</b> -->
		</a>
		<a style="width: 42.5%;float:right;margin-right: 30px">
			<p>借款产品01</p>
			<b style="padding: 0px 0px">天数:180天</b>
			<b style="padding: 0px 0px">年利率:1.88%</b>
		</a>
	</li>
	<!-- <li style="float: none"><a href="/" ><p><img th:src="@{/loanStatic/home/images/tb08.png}" /><span>企业级行业相关信息</span></p><b>新闻中心</b></a></li>
	<li style="float: none"><a href="/" ><p><img th:src="@{/loanStatic/home/images/tb07.png}" /><span>公司最新最热产品发布</span></p><b>产品展示</b></a></li>
	<li style="float: none"><a href="/" ><p><img th:src="@{/loanStatic/home/images/tb03.png}" /><span>看看我们的成功案例吧</span></p><b>成功案例</b></a></li>
	<li style="float: none"><a href="/" ><p><img th:src="@{/loanStatic/home/images/tb01.png}" /><span>公司资料下载，代理商下载！</span></p><b>下载中心</b></a></li>
	<li style="float: none"><a href="/" ><p><img th:src="@{/loanStatic/home/images/tb03.png}" /><span>最新最全的产品图片</span></p><b>产品图库</b></a></li>
	<li style="float: none"><a href="/" ><p><img th:src="@{/loanStatic/home/images/tb02.png}" /><span>快速获得我们的联系方式！</span></p><b>联系我们</b></a></li>
	<li style="float: none"><a href="/" ><p><img th:src="@{/loanStatic/home/images/tb04.png}" /><span>请留下您宝贵的意见及建议！</span></p><b>在线留言</b></a></li>
	 -->	
</ul>   
<script type="text/javascript">
var count = document.getElementById("thelist").getElementsByTagName("img").length;	

var count2 = document.getElementsByClassName("menuimg").length;
for(i=0;i<count;i++){
 document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";

}
document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";

 setInterval(function(){
myScroll.scrollToPage('next', 0,400,count);
},3500 );
window.onresize = function(){ 
for(i=0;i<count;i++){
document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";

}
 document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";
} 
</script>

<br />
<div class="copyright">
联系方式：0591-88888888<br />

地址：福建省平潭xxxxxxx<br />

闽ICPxxxxxxx<br />

</div><br /><br />

<style type="text/css">
.top_bar{position:fixed;z-index:900;bottom:-1px;left:0;right:0;}
.top_menu{
	border-top:1px solid #b3b3b3;width:100%;height:40px;margin:0;padding:0;
	
	background:rgba(255, 255, 255, 0.7);
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#e7e4e7), to(#b9b9b9));
	background:-o-gradient(linear, 0 0, 0 100%, from(#e7e4e7), to(#b9b9b9));
	background:gradient(linear, 0 0, 0 100%, from(#e7e4e7), to(#b9b9b9));
}
.top_bar .top_menu>li{
	position:relative;text-align:center;display:inline-block;width:25%;float:left;
	
	background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.1)));
	background:-o-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), -o-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.1)));
	background:gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.1)));
}
.top_bar .top_menu li a label{padding:3px 0 0 3px;font-size:12px;overflow:hidden;}
/* .top_menu>li:first-child{background:none;} */
.top_bar .top_menu>li>a{height:40px;line-height:40px;display:block;text-align:center;color:#4f4d4f;text-shadow:0 1px rgba(255, 255, 255, 0.3);text-decoration:none;border-top:1px solid #f9f9f9;}
.top_bar .top_menu>li>a p{overflow:hidden;margin:0 0 0 0;font-size:12px;display:block!important;line-height:18px;text-align:center;}
.top_bar .top_menu>li>a img{padding:0;height:20px;width:20px;color:#fff;line-height:40px;vertical-align:middle;}
.top_bar .top_menu>li>a:hover,.top_bar .top_menu>li>a:active{background-color:#CCCCCC;}


/*微信分享开始*/
#mcover{ position: fixed; top:0;  left:0; width:100%; height:100%;background:rgba(0, 0, 0, 0.7);  display:none;z-index:20000;}
#mcover img {position: fixed;right: 18px;top:5px;width: 260px;height: 180px;z-index:20001;}
.img{
  width: 100%;
  min-width: 100%;
  height: 50px;
  margin:0 auto;
  text-align: center;
  font-size: 20px;
}
/*微信分享结束*/

</style>

<div class="top_bar">
	<div id="mcover" onClick="document.getElementById('mcover').style.display='';" style="">
		<img th:src="@{/loanStatic/images/share.png}">
	</div>
	<nav>
		<ul id="top_menu" class="top_menu">
			<li onclick="homeBtn();">
				<a>
					<img th:src="@{/loanStatic/home/images/plugmenu6.png}"/>
					<label>首页</label>
				</a>
			</li>
			<li onclick="productBtn();" style="background:none;">
				<a>
					<img th:src="@{/loanStatic/home/images/chaopin.png}"/>
					<label>产品</label>
				</a>
			</li>
			<li onclick="myCenterBtn();">
				<a>
					<img th:src="@{/loanStatic/home/images/plugmenu1.png}"/>
					<label>我的</label>
				</a>
			</li>
			<li onClick="document.getElementById('mcover').style.display='block';">
				<a>
					<img th:src="@{/loanStatic/home/images/plugmenu5.png}"/>
					<label >分享</label>
				</a>
			</li>  
		</ul>
	</nav>
</div>
<script>
function productBtn(){
	window.location.href='/moblie/product'
}
function homeBtn(){
	window.location.href='/moblie/home'
}
function myCenterBtn(){
	window.location.href='/moblie/userCenterFrom'
}
</script>
</body>
</html>